@charset "UTF-8";

/* CSS général du site */

/****************** Définition des conteneurs principaux ******************/

#tpl_header, #tpl_liens, #tpl_body, #tpl_footer {

   margin:                 15px auto 0 auto;
   
}

#tpl_header {

	height:						70px;
   width:                  950px;
	border:						1px solid #9BBB59;
	background: 				#EBF1DD url(../images/banniere.jpg) no-repeat;
}

#tpl_liens {

	padding:					   3px;
	width:						450px;
	font-size:					13px;
	text-align:					center;
	border:						1px solid #FCBE09;
	background-color:			#FFF4CC;
}

#tpl_body {

	min-height:					450px;
   width:                  950px;
	border:						1px solid #9BBB59;
	background-color: 		#EBF1DD;
   padding-bottom:         20px;

}

#tpl_footer {

   width:                  950px;
	text-align:					center;
	font-size:					11px;

}





/****************** mise en forme des info-bulles ******************/

div.infobulle, div.intitule {

	width:						230px;
	font-style:					normal;
	font-weight:				normal;
	font-size:					12px;

}

div.infobulle > div.titre, div.intitule > div.titre{

	padding:					   3px;
	font-style:					italic;
	font-weight:				bold;
	border:						1px solid #000000;
	background-color:			#FFE377;

}

div.infobulle > div.contenu, div.intitule > div.contenu {

	padding:				   	2px;
	max-height:					100px;
	overflow: 					auto; 
	border:						1px solid #000000;
	background-color:			#FFFFFF;

}

/****************** Auto-Completion ******************/

div.autoCompl{

   position:               relative;

}

div.autoCompl > div.intitule {

   position:               absolute; 
   top:                    0; 
   left:                   0; 
   display:                none;
   
}

div.autoComplChoice {

   width:                  100%;
   margin:                 auto;
   
}

div.autoComplChoice:hover,div.autoComplChoice:focus {

   background-color:       #888555;
   
}

div.closeautoC {
   
   position:               absolute; 
   top:                    3px; 
   right:                  3px; 
   font-size:              12px; 
   font-weight:            bold; 
   font-style:             normal;

}

/****************** Mise en forme par défaut des balises ******************/

body {
	padding: 					0;
	font-family: 				Arial, sans-serif;
	font-size:					14px;
	color:						#76923C;
	background-color:			#C3D69B;
	background-image: 		url(../images/fond.gif);

}

p {

	margin:						2px 0;
	padding-left:				5px;
	font-size:					13px;
	text-align:					justify;

}

img {

	vertical-align:			middle;
	border:						0;

}

a {

	color:						#4F6128;
	text-decoration:			underline;
	
}

a:hover {

	color:						#A52A2A;
	text-decoration:			none;
	
}

ul {

	margin:						0 0 0 20px;
	padding:					   0;

}

h1 {

	font-size:					32px;
	font-weight:				bold;
	text-align:					center;

}

h2 {

	font-size:					24px;
	font-weight:				bold;
	text-align:					center;

}

h3 {

	margin:						5px 0 15px 0;
	font-size:					16px;
	font-weight:				bold;
	text-decoration:			underline;
	text-align:					center;

}

h4 {

	margin:						5px 0;
	font-size:					14px;
	font-weight:				bold;

}

hr {

	margin-top:					7px;
	margin-bottom:				7px;
	height:						3px;
	border-top:					1px solid #7B9B39;
	border-left:				1px solid #7B9B39;
	background-color:			#BBDB79;

}

form {

	margin:						0;
	padding: 					0;

}

label {

	font-size: 					12px;
	font-weight: 				bold;
	font-style: 				normal;

}

select {

	margin:						1px 0;
	font-family: 				Arial, sans-serif;
	font-size: 					13px;
	font-style: 				normal;
	font-weight:				normal;
	vertical-align: 			middle;
	border-top: 				2px solid #999999;
	border-right: 				2px solid #EEEEEE;
	border-bottom: 			2px solid #EEEEEE;
	border-left: 				2px solid #999999;

}

textarea {

	margin:						1px 0;
	font-family: 				Arial, sans-serif;
	font-size: 					13px;
	font-style: 				normal;
	font-weight:				normal;
	border-top: 				2px solid #999999;
	border-right: 				2px solid #EEEEEE;
	border-bottom: 			2px solid #EEEEEE;
	border-left: 				2px solid #999999;

}

input {

   border:                 1px solid #9BBB59;
	margin:						1px 0;
	padding:					   1px;
	font-family: 				Arial, sans-serif;
	font-size: 					13px;
	font-style: 				normal;
	vertical-align: 			middle;

}

input.petit {

	margin:						1px 0;
	padding:					   1px;
	font-family: 				Arial, sans-serif;
	font-size: 					10px;
	font-style: 				normal;
	vertical-align: 			middle;

}

input[type = "radio"], input[type = "checkbox"] {

	margin:						1px 2px;

}

input[type = "text"], input[type = "password"], input[type = "file"] {

	font-weight:				normal;
	vertical-align: 			middle;
	border:                 1px solid #9BBB59;
	
}

input[type = "submit"], input[type = "button"], input[type = "reset"] {

	font-weight: 				bold;
	color:						#000000;
	vertical-align: 			middle;
	border: 				      1px solid #000000;	
	background-color: 		#9BBB59;

}

input[disabled = "disabled"], input[readonly = "readonly"], select[disabled = "disabled"] {

	color:	 					#888888;
	background-color: 		#DDDDDD;

}

/****************** Ajout/supression de lignes d'un formulaire ******************/

img.boutonASLigne {

	margin-left:				5px;
	cursor:						pointer;

}

/****************** Champs/boutons spéciaux ******************/

input[type = "text"].recherche {

	padding:					   1px 1px 1px 18px;
	font-weight:				normal;
	vertical-align: 			middle;
	border: 					   1px solid #000000;
	background-color:			#FAFAFA;
	background-image:			url(../images/recherche.gif);
	background-position:		0 2px;
	background-repeat:		no-repeat;

}

input[type = "button"].imprime {

	width:						32px;
	height:						32px;
	vertical-align: 			middle;
	border: 					   0;
	background-color: 		transparent;
	background-image:			url(../images/imprime.gif);
	background-position:		5px 4px;
	background-repeat:		no-repeat;
	cursor:						pointer;
	
}

/****************** Cadres d'information ******************/

div.information {

	margin:						40px 5px 10px 5px;
	padding:					   5px 100px 10px 15px;
	text-align:					left;
   clear:                  both;
	border:						1px dashed #BEBEBE;
	background-color:			#F8F8FF;

	
}

div.information div.titre:first-child {

	position: 					relative;
	top:						   -13px;
	display:					   inline;
	padding:					   2px 12px 2px 30px;
	font-size:					13px;
	font-weight:				bold;
	color:						#BEBEBE;
	border:						1px solid #BEBEBE;
	background-image:			url(../images/aide.gif);
	background-color:			#F8F8FF;
	background-position:		12px 3px;
	background-repeat:		no-repeat;
	
}

/****************** Mises en forme diverses ******************/

.souligne {
	
	text-decoration:			underline;

}

/****************** Bouton de retour ******************/

div.retour {

	margin:						10px 0 10px 125px;
	padding:					   7px 0;
	width:						90px;
	font-size:					13px;
	font-weight:				bold;
	text-align:					center;
	text-transform:			uppercase;
	border:						1px solid #FCBE09;
	background-color:			#FFF4CC;

}

div.retour-over {

	margin:						10px 0 10px 125px;
	padding:					   7px 0;
	width:						90px;
	font-size:					13px;
	font-weight:				bold;
	text-align:					center;
	text-transform:			uppercase;
	border:						1px solid #FCBE09;
	background-color:			#FFE377;

}

/****************** Fiche d'information ******************/

table.fiche {

	padding:					   2px;
	border:						1px dashed #888888;
	border-collapse: 			separate;
	border-spacing: 			3px 10px;
	background-color:			#FFF4CC;

}

table.fiche th {

	padding-left:				15px;
	text-transform:			uppercase;
	text-align:					left;
	background-color:			#FFE377;

}

table.fiche td {

	font-size: 					13px;
	vertical-align:			top;
	
}

table.fiche td.texte {

	font-size: 					13px;
	vertical-align:			top;
	text-align:					justify;
	
}

table.fiche td.etiquette {

	font-size: 					13px;
	font-weight:				bold;

}

/****************** Accueil ******************/

div.homeCloseFrame {

   clear:                  both;

}

div.homeLeftPanel {

   width:                  450px;
   margin:                 0 0 0 14px;
   float:                  left;

}

div.homeRightPanel {
      
   width:                  450px;
   margin:                 0 15px 0 0;
   float:                  right;

}

div.homePanelTitle {

   width:                  100%;
   margin:                 auto;
   background-color:       #FFF4CC;
   border:                 1px solid;
   padding:                4px 0;
   text-align:             center;

}

div.homePanelContent {

   width:                  100%;
   margin:                 5px auto 10px auto;

}

/****************** Tableau représentant une liste ******************/

p.colonne {
   width:                  83%;
   float:                  left; 
   padding:                1px;

}
p.colonne2{
   
   width:                  16%;
   float:                  right; 
   padding:                1px;
   text-align:             right;

}

div.semtable {

   border:                 1px solid;
   width:                  100%;
   clear:                  both;
   margin:                 auto;
   padding:					   3px;
   background-color:			#FFFFFF;

}

div.semtable p.test {

   display:                table-cell;
   text-align:             center;
	font-size:					14px;
   padding:					   3px;
   margin:					   3px;
   font-weight:            bold;
	color:						#000000;
	background-color:			#9BBB59;

}

div.semtable p.test2 {

   display:                table-cell;
   width:                  19%;
   text-align:             right;
   padding:					   3px;
	font-size:					14px;
	color:						#000000;
	background-color:			#9BBB59;

}

table.liste {

	padding:					   3px;
   text-align:					center;
	border: 					   1px solid #CCCCCC;
	border-collapse: 			separate;
	border-spacing: 			3px;
	background-color:			#FFFFFF;

}

table.liste tr.over {

	background-color:			#FFF4CC;

}

table.liste th {

	padding:					   3px;
	font-size:					14px;
	color:						#000000;
	background-color:			#9BBB59;

}

table.liste td {

	padding:					   5px 3px 2px 3px;
	font-size:					13px;
	border-top:					1px solid #CCCCCC;
	
}

table.liste td.statut {

	font-style:					italic;
	text-align:					center;
	
}

table.liste td.vide {

	font-style:					italic;
	text-align:					center;
	
}

table.liste th a {

	color:						#444444;

}

/****************** Barre d'options ******************/

div.options {

	margin:						3px 0;
	font-size:					14px;

}

div.options div {

	padding-left:				70px;
	background-color:			#FFFFFF;

}

/****************** Liste des pages ******************/

div.pages {

	margin:					   2px 0;

}

/****************** page de connexion ******************/

.connexion {

   width:                  300px;
   margin:                 15px auto 20px auto;
   
}

table.connexion th {
   
   padding: 					1px;
	font-size: 					20px;
	color:						#4B6B09;
	text-align:					left;
   padding-bottom:         15px; 

}

table.connexion td.title {
   
	vertical-align:			top;
   width:                  120px;
}

table.connexion td.champ, table.connexion td.envoi{
   
   text-align:             right;

}

table.connexion td.envoi input{

   margin:         15px 0 0 0;

}

/****************** Tableau représentant un formulaire ******************/


table.formulaire {
	
   width:                  600px;
	border: 					   0;
	border-collapse: 			separate;
	border-spacing: 			4px;
   margin:                 auto;
   
}

table.formulaire th.titre {

	padding: 					4px;
	font-size: 					20px;
	color:						#4B6B09;
	text-align:					left;
   padding-bottom:         20px;

}

table.formulaire th.sous_titre {
	
	padding: 					2px 2px 2px 25px;
	font-size: 					13px;
	font-style: 				italic;
	text-transform:			lowercase;
	color:						#76923C;
	text-align:					left;
	border: 					   1px solid #000000;
	background-color: 		#FFF4CC;

}

table.formulaire td {

	padding:					   0;
	border:						1px solid transparent;

}

table.formulaire td.etiquette {

	padding: 					3px;
	vertical-align:			top;
   width:                  120px;

}

table.formulaire td.texte {

	padding:					   3px;
	text-align:					justify;
	vertical-align:			top;
	border:						1px solid transparent;

}

table.formulaire td.champ {

	padding:					   3px;
	font-size:					12px;
	font-style:					italic;
	text-align:					left;
	border:						1px solid transparent;
   width:                  375px;

}

td.champ input {

   border:                 1px solid #9BBB59;

}

table.formulaire td.legende {

	padding:					   3px;
	font-size:					13px;
	text-align:					justify;
	vertical-align:			top;
	border:						1px dashed black;
	background-color:			#FFFFFF;

}

table.formulaire td.envoi {

	padding:					   3px;
	font-size:					12px;
	text-align:					right;
	border:						1px solid transparent;

}

table.formulaire td div.cadre-entete {

	float:						left;
	position:					relative;
	top:						   1px;
	z-index:					   10;
	padding:					   5px 10px 5px 5px;
	border:						1px solid #FCBE09;
	border-bottom:				1px solid #FFF4CC;
	background-color:			#FFF4CC;

}

table.formulaire td div.cadre-contenu {

	clear:						both;
	padding:					   3px 5px;
	z-index:					   9;
	border:						1px solid #FCBE09;
	background-color:			#FFF4CC;

}

/****************** Barres de navigation ******************/

div.navigation > a {

	font-style:					italic;

}

div.navigation > div.onglet, div.navigation > div.onglet-selected  {

	float:						left;
	position:					relative;
	top:						   1px;
	z-index:					   10;
   border:						1px solid #9BBB59;
	border-top:					3px solid #9BBB59;
	background-color:			#FFFEE2;
   font-size:					13px;
   
}

div.navigation > div.onglet {


	margin:						4px 2px 0 2px;
	padding:					   5px 8px;


}

div.navigation > div.onglet-selected {


	margin:						0;
	padding:					   7px 10px;
   border-bottom:				1px solid #FFFEE2;
	font-weight:            bold;

}

div.navigation > div.contenu {
	
	clear:						both;
	z-index:					   9;
	border:						1px solid #9BBB59;
	background-color:			#FFFEE2;
   padding:                5px;

}

/****************** Messages de statut ******************/

div.statut {

	margin:						100px auto;
	width:						600px;

}

div.statut > div.titre-succes {

	padding:					   3px 3px 3px 24px;
	font-size:					14px;
	font-weight: 				bold;
	color:						#00AA00;
	text-transform:			uppercase;
	border: 					   2px solid #00AA00;
	background-color: 		#FFF4EC;
	background-image:			url(../images/oui.png);
	background-repeat:		no-repeat;
	background-position:		4px 3px;

}

div.statut > div.titre-info {

	padding:					   3px 3px 3px 24px;
	font-size:					14px;
	font-weight: 				bold;
	color:						#00AAFF;
	text-transform:			uppercase;
	border: 					   2px solid #00AAFF;
	background-color: 		#FFF4EC;
	background-image:			url(../images/info.gif);
	background-repeat:		no-repeat;
	background-position:		4px 3px;

}

div.statut > div.titre-erreur {

	padding:					   3px 3px 3px 24px;
	font-size:					14px;
	font-weight: 				bold;
	color:						#FF0000;
	text-transform:			uppercase;
	border: 					   2px solid #FF0000;
	background-color: 		#FFF4EC;
	background-image:			url(../images/non.png);
	background-repeat:		no-repeat;
	background-position:		4px 3px;

}

div.statut > div.detail {

	padding:					   5px 5px 5px 10px;
	font-size:					13px;
	font-style:					italic;
	border-right: 				1px solid #000000;
	border-bottom: 			1px solid #000000;
	border-left: 				1px solid #000000;
	background-color: 		#FFFFFF;

}

div.statut > div.detail ul {

	margin:						0 0 0 15px;
	padding:					   0;
	list-style-image:			url(../images/puce.gif);

}

div.important {

	margin:						0px auto 15px auto;
	padding:					   5px 2px;
	font-size:					14px;
	font-weight:				bold;
	text-align:					center;
	width:						50%;
	color:						#FF0000;
	border:						2px dotted #FF0000;
	background-color:			#FFFFFF;

}

div.important p {

	margin-top:					3px;
	font-size:					12px;
	font-weight:				normal;
	font-style:					italic;
	text-align:					center;
	color:						#000000;

}

/****************** Image de l'accueil ******************/

div.imgJardin{
   
   text-align:             center;
   
}

/****************** Exportation ******************/

.creeFichier {

   width:                  380px;
   margin:                 auto;

}

.expTitle {

   width:                  100%;
   margin:                 auto;
   padding:                10px 0 0 0;
   clear:                  both;

}

.expIfAirGeo {
   
   width:                  91%;
   margin:                 auto;
   display:                none;
   
}

.subtitle43,.subtitleAction,.subtitleSearch {
   padding: 					2px 2px 2px 25px;
   margin-top:             10px;
	font-size: 					13px;
   font-weight:            bold;
   clear:                  both;
	font-style: 				italic;
	text-transform:			lowercase;
	color:						#76923C;
	border: 					   1px solid #000000;
	background-color: 		#FFF4CC;
}

.subtitleSearch {

   margin-top:             40px;

}
   
div.expTitle span.input1,div.expTitle span.input2,div.expTitle span.checkbox1  {
	float:                  right;
   height:                 26px;
 	width:                  24%;
 	text-align:             right;
   border-bottom:          1px dashed;
   
}   

div.expTitle span.input2  {
   
   height:                 25px;
 	width:                  63%;
   
}

div.expTitle span.input1  {
   
   height:                 25px;
 	width:                  33%;
   
}

div.expTitle span.label1,div.expTitle span.label1Selected {

 	float:                  left;
   height:                 20px;
 	width:                  73%;   
 	text-align:             left;
   padding:                5px 0 0 5px;
   border:                 1px dashed;
   background-color:       #FAFFE2;
   
 }
 
 div.expTitle span.label1Selected {
 
    background-color:       #FFF4CC;
 
 }
 
 div.expTitle span.label2 {

 	float:                  left;
   height:                 20px;
 	width:                  35%;
 	text-align:             left;
   padding:                5px 0 0 5px;
   border-bottom:          1px dashed;
   
 }

  div.expTitle span.submit1 {

   float:                  right;
 	width:                  30%;
 	text-align:             right;
   padding:                15px 0 25px 0;
   
}
 
/****************** importation ******************/


div.showTax {
   
   width:                  400px;
   margin:                 5px auto;
   border:                 1px dashed;

}

.chargeFichier {

   width:                  500px;
   margin:                 auto;

}

.chargeFichier h1 {

	font-size: 					20px;
	color:						#4B6B09;
	text-align:					left;
   padding-bottom:         20px;

}

div.subtitle23	{

   padding: 					2px 2px 2px 25px;
   margin-top:             40px;
	font-size: 					13px;
   font-weight:            bold;
   clear:                  both;
	font-style: 				italic;
	text-transform:			lowercase;
	color:						#76923C;
	border: 					   1px solid #000000;
	background-color: 		#FFF4CC;
   
}

.lesListes{

   width:                  70%;
   margin:                 auto;
   
}

.lisTitle {

   margin:                 auto;
   padding-top:            10px;
   clear:                  both;

}


div.lisTitle span.label1,div.lisTitle span.label2, div.lisTitle span.file1 {

 	float:                  left;
 	width:                  51%;
 	text-align:             left;
   padding:                5px 0 0 5px;
   
 }
 
 div.lisTitle span.input1  {

	float:                  right;
 	width:                  47%;
 	text-align:             left;
   
 }
 
 div.lisTitle span.label2{
 
   width:                  49%;
   float:                  left;
   text-align:             center;
   
}

div.lisTitle span.input2 {

   float:                  right;

}

 div.lisTitle span.label3{
 
   width:                  29%;
   float:                  left;
   padding:                5px 0 0 5px;
   
}

div.lisTitle span.input3 {

   text-align:             right;
   float:                  right;
   width:                  70%;
   padding-top:            3px;

}
 
 div.lisTitle span.submit1 {

   float:                  right;
 	width:                  50%;
 	text-align:             right;
   padding:                15px 0 25px 0;
   
}
 
 span.input1 input[type = "text"], span.label1 input[type = "text"], span.input3 input[type = "text"]  {

   width:                  30px;

}

 span.input1 input[type = "checkbox"],span.checkbox1 input[type = "checkbox"]  {

   margin-top:             7px;

}

 span.check2 input[type = "checkbox"]  {

   margin:             0 0 auto 20px;

}
 
 span.label1 input[type = "text"] {

   margin:                 0 9px 0 9px;
   
}

/****************** Ajout Action ******************/

.addAction {

   width:                  500px;
   margin:                 auto;

}

.actionTitle,.actionTitle2,.submitSearchTax {

   width:                  100%;
   margin:                 10px auto 10px auto;
   clear:                  both;

}

.submitSearchTax {

   padding-top:            20px;
   text-align:             right;

}

.actionTitle2 {

   margin-top:             90px;


}

div.actionTitle span.actionLabel1 {

 	float:                  left;
   height:                 20px;
 	width:                  59%;   
 	text-align:             left;
   padding:                5px 0 0 5px;
   
 }

div.actionTitle span.actionInput1,div.actionTitle2 span.actionInput2  {

	float:                  right;
   height:                 25px;
 	width:                  40%;
 	text-align:             left;
   
}

div.actionTitle2 span.actionInput2  {

 	text-align:             right;
   
}   


span.actionInput1 input[type = "text"]  {

   width:                  150px;

}

span.actionInput1 textarea  {

   width:                  198px;
   height:                 70px;
   border:                 1px solid #9BBB59;

}

/**************      Etiquette Plante    *************/

div.planteAffiche {

   clear:                  both;
   width:                  100%;
   margin:                 auto; 
   border:                 1px dashed; 
   background-color:       #FFF4CC;
   
}

div.planteTitle {

   width:                  100%;
   margin:                 10px auto 10px auto;
   clear:                  both;
   height:                 30px;

}

div.planteTitle span.planteLabel {

 	float:                  left;
   height:                 20px;
 	width:                  35%;   
 	text-align:             left;
   padding:                5px 0 0 5px;
   
 }

div.planteTitle span.planteContenu {

	float:                  right;
   height:                 2px;
 	width:                  62%;
 	text-align:             left;
   
}

